<%@ page contentType="text/html;charset=UTF-8" %>

<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
                <title>Download</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<link rel="shortcut icon" href="${resource(dir: 'images', file: 'favicon.ico')}" type="image/x-icon">
		<link rel="apple-touch-icon" href="${resource(dir: 'images', file: 'apple-touch-icon.png')}">
		<link rel="apple-touch-icon" sizes="114x114" href="${resource(dir: 'images', file: 'apple-touch-icon-retina.png')}">
		<link rel="stylesheet" href="${resource(dir: 'css', file: 'main.css')}" type="text/css">
                <link rel="stylesheet" href="${resource(dir: 'css', file: 'download.css')}" type="text/css">
		<link rel="stylesheet" href="${resource(dir: 'css', file: 'mobile.css')}" type="text/css">
        <g:javascript library="jquery" />

        <r:layoutResources />
  </head>
  <body>
    <g:render template="/main/header" />
    <div class="mainPage">
    <h1 style="margin-bottom:40px;">Download</h1>
      <div class="text">
        <div class="element level1">
          <div class="label">Supplementary Tables</div>
          <div class="element level2">
            <div class="label">Proteins</div>
            <div class="links">
              <g:set var="currFile" value="${Files.proteins}" />
              <g:each in="${currFile.keySet()}" var="name">
                <div class="link"><a href="${currFile[name]}">${name}</a></div>
              </g:each>
            </div>
          </div>
          <div class="element level2">
            <div class="label">Peptides</div>
            <div class="links">
              <g:set var="currFile" value="${Files.peptides}" />
              <g:each in="${currFile.keySet()}" var="name">
                <div class="link"><a href="${currFile[name]}">${name}</a></div>
              </g:each>
            </div>
          </div>
        </div>
        <div class="element level1">
          <div class="label">MaxQuant Output Files</div>
          <div class="links">
            <g:set var="currFile" value="${Files.maxQuant}" />
              <g:each in="${currFile.keySet()}" var="name">
                <div class="link"><a href="${currFile[name]}">${name}</a></div>
              </g:each>
          </div>
        </div>
        <div class="element level1">
          <div class="label">Raw Files</div>
          <div class="links">
            <g:set var="currFile" value="${Files.rawFiles}" />
              <g:each in="${currFile.keySet()}" var="name">
                <div class="link"><a href="${currFile[name]}">${name}</a></div>
              </g:each>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>
